﻿.container{
 width:300px;
 font-family: Arial;
 }

.record{
 float: left;
 width: 100%;
 border: 1px solid #ccc;
 background-color: #f0f0f0;
 margin-bottom: 2px;
 -moz-border-radius: 0px 10px 10px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
 }

.bar {
 /*background: transparent url(gradient.png) repeat-x top left;*/
 background-color:Red;
 float: left;
 clear: left;
 height: 30px;
 }

.bar span{
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 float: left;
 margin-left: 5px;
 margin-top: 7px;
 }

.p{
 padding-top: 3px;
 float: right;
 color: #6D8591;
 clear: right;
 font-size: 12px;
 font-weight: bold;
 height: 25px;
 }

.p span{
 font-size: 12px;
 font-weight: bold;
 float: right;
 margin-right: 5px;
 margin-top: 5px;
 }
 
 
 
 
 /*Colored Label Attributes*/

ul.labels li.pink{
 background-color: #F1A9E7;
}
ul.labels li.lightblue{
 background-color: #99CCFF;
}
ul.labels li.blue{
 background-color: #3019FF;
}
ul.labels li.olive{
 background-color: #CCCC66;
}
ul.labels li.green{
 background-color: #37B700;
}
ul.labels li.brown{
 background-color: #C5AD98;
}
ul.labels li.violet{
 background-color: #CEA6CE;
}
ul.labels li.turk{
 background-color: #8FCDB6;
}
ul.labels li.red{
 background-color: #EE998A;
}
ul.labels li.orange{
 background-color: #FF9E28;
}
ul.labels li.lime{
 background-color: #B6FF00;
}
ul.labels li.darkblue{
 background-color: #21007F;
}
ul.labels li.leaf{
 background-color: #00CC00;
}
ul.labels li.yellow{
 background-color: #FFFF00;
}
ul.labels li.autumn{
 background-color: #B24700;
}
ul.labels li.frost{
 background-color: #80C8FE;
}
ul.labels li.purple{
 background-color: #8E006B;
}
ul.labels li.black{
 background-color: #000;
}

